

body,html{background-color:#fafafa}
#logo-wrapper{ width:990px; height:94px; overflow:hidden;margin:0 auto;padding:14px 0 20px;
box-sizing:border-box;margin-bottom:30px;}

#logo-wrapper .logo{ width:182px; height:60px;float:left}
#logo-wrapper .logo a{width:182px; height:60px; display:block;text-indent:-999px;
background:url("../images/small-logo.png") no-repeat}
#logo-wrapper p{float:left; width:165px; height:44px;padding:23px 15px;font-size:14px;}

#logo-wrapper .telphone{ height:43px; width:216px;float:right}
#logo-wrapper .telphone a{color:#c40000;font-size:14px;display:block;float:right;
line-height:60px;padding:3px 10px; }
#logo-wrapper .telphone span{line-height:68px;font-size:14px;}

/*主体登陆界面*/
#login-wrapper{ width:990px;  border:1px solid #ccc;overflow:hidden;margin:0 auto;
margin-bottom:90px;}

#login-wrapper .login-logo{ width:520px; height:350px;float:left;}
#login-wrapper>.login>.login-logo>a{display:block; width:520px; height:350px;
background:url("../images/login-logo.jpg")  no-repeat;background-size:100%,100%}

#login-wrapper>.login>.login-right{ width:375px; height:350px;float:right;
padding:0px 85px 0px 0px;box-sizing:border-box}
.login>.login-right>.lr-header{ width:290px;margin-top:20px;overflow:hidden}
.login>.login-right>.lr-header>h3{font-size:20px;line-height:28px;float:left;}
.login>.login-right>.lr-header>span{font-size:12px;line-height:28px;float:right;display:block}
.login>.login-right>.lr-header>span>i{color:#c31f1e}
.login>.login-right>.lr-header>span>a{color:#333}
.login>.login-right>.lr-header>span>a:hover{color:#c31f1e;text-decoration:underline}
.login>.login-right>.lr-form{ width:290px;margin-top:20px;overflow:hidden}
.login>.login-right>.lr-form>input{ width:288px;height:40px;margin:10px 0;
border:none; border:1px solid #ccc;padding:3px 5px;box-sizing:border-box}
.login>.login-right>.lr-form>input:nth-of-type(3){background:#c40000;color:white}
.login>.login-right>.lr-form>.forgetpwd{text-align:right}
.login>.login-right>.lr-form>input:nth-of-type(3):hover{background:#c31f1e;}
.login>.login-right>.lr-form>.forgetpwd>a:hover{color:#c40000;text-decoration:underline}

.login>.login-right>.lr-coop{ width:290px;margin-top:5px;overflow:hidden; }
.login>.login-right>.lr-coop>.xian{ width:100px; border-bottom:1px solid #ccc;float:left; height:1px;
margin:9px 0px 0px 0px}
.login>.login-right>.lr-coop>p{  float:left;margin:0 9px;}

.login>.login-right>.lr-pic{ width:290px;margin-top:10px;overflow:hidden; }
.login>.login-right>.lr-pic>a{display:block;border-radius:50%; border-top:1px solid #ccc;
float:left; width:38px; height:38px;text-align:center;line-height:38px;
margin:0 9px;}
.login>.login-right>.lr-pic>a>i{font-size:21px;}
.login>.login-right>.lr-pic>a:nth-of-type(1)>i{color:#4cae4c}
.login>.login-right>.lr-pic>a:nth-of-type(1):hover{background:#4cae4c}

.login>.login-right>.lr-pic>a:nth-of-type(2)>i{color:#c40000}
.login>.login-right>.lr-pic>a:nth-of-type(2):hover{background:#c40000}
.login>.login-right>.lr-pic>a:nth-of-type(3)>i{color:#00b0e0}
.login>.login-right>.lr-pic>a:nth-of-type(3):hover{background:#00b0e0}
.login>.login-right>.lr-pic>a:nth-of-type(4)>i{color:lightsalmon}
.login>.login-right>.lr-pic>a:nth-of-type(4):hover{background:lightsalmon}
.login>.login-right>.lr-pic>a:nth-of-type(5)>i{color:darkblue}
.login>.login-right>.lr-pic>a:nth-of-type(5):hover{background:darkblue}
.login>.login-right>.lr-pic>a:hover>i{color:white}

/*足部*/
#footer-wrapper{ width:100%; overflow:hidden;box-sizing:border-box;
border-top:1px solid #ccc;margin:50px 0px 0px 0px;padding:12px 0 25px 0px;}
#footer-wrapper>.footer{ width:990px;margin:0 auto; height:18px;}

#footer-wrapper>.footer>a{color:#666;}
#footer-wrapper>.footer>a:hover{color:red;text-decoration:underline}
#footer-wrapper>.footer>p{float:right}








































